<template>
    <div>

        <van-nav-bar :fixed='true' left-arrow @click-left="onClickLeft"></van-nav-bar>
         <div class="radd">
            <van-icon name="user-circle-o" size="80px" color="#ccc" />
        </div>
<div class="note">
        <span style="float:left;font-size:16px">忘记密码</span>
</div>
<div class="rphone">
<van-cell-group>
  <van-field v-model="phone" placeholder="请输入注册时手机号" />
</van-cell-group>
</div>
<div class="rphone">
    <van-cell-group>
  <van-field
    v-model="sms"
    center
    clearable
    placeholder="请输入验证码"
  >
    <van-button slot="button" size="small" type="primary">59秒后重新发送短信</van-button>
  </van-field>
</van-cell-group>
</div>
<div class="rlogin" @click="verify()">立即验证</div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            phone:'',
            sms:''
        }
    },
    methods:{
        tap(){     
            this.$router.push('/zcymfb')
        },
        pass(){
            this.$router.push('/zhmmdlfb')
        },
         onClickLeft() {
            this.$router.go(-1)
        },
        verify(){
            this.$router.push('/xgmmfb')
        }
    },
   
}

</script>

<style>
.radd{
    width: 105px;
    height: 105px;
    margin:46px auto  0;
    }
.note{
    width: 200px;
    height: 16px;
    margin: 20px auto 10px;
    line-height: 16px
}
.rlogin{
    width: 280px;
    height: 50px;
    margin: 30px auto 0;
    border: 1px solid #ccc;
    line-height: 50px;
   background:#26a2ff;
    color: #fff;
    font-size: 16px;
}
.rphone{
    width: 280px;
    margin: 20px auto;
    border: 1px solid #ccc
}


</style>